<!--热门标签-->
<template>
  <div class="tag card-margin">
    <el-card class="box-card" shadow="hover">
      <div slot="header" class="tag-title">
        <span>热门标签</span>
      </div>
      <div class="text item">
        <el-button round>python</el-button>
        <el-button round>JavaWeb</el-button>
        <el-button round>Go</el-button>
        <el-button round>VUE</el-button>
        <el-button round>HTML</el-button>
        <el-button round>C/C++</el-button>
      </div>  
    </el-card>
  </div>
</template>

<script>
</script>
<style scoped>
.tag {
  width:400px;

}
.card-margin{
  margin:0 0 15px 20px;
}

.box-card .item:hover {
  color: #409eff;
  cursor: pointer;
}

.box-card span {
  font-weight: bold;
}

.card-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.el-button {
  margin: 10px;
}
.tag-title {
  border-left: 3px solid #f56c6c;
  padding-left: 5px;
  font-size: 18px;
  text-align: left;
}
</style>